<template>
  <view class="status_bar"></view>
</template>

<script>
export default {
  name: "status-bar",
  props: {
    barBackgroundColor: {
      type: String,
      default: "#fff",
    },
  },
};
</script>
<style lang='scss' scoped>
.status_bar {
  width: 100%;
  height: var(--status-bar-height);
  background: v-bind(barBackgroundColor);
}
</style>